$('#username').on('input',function(){
   if($(this).val().length==0){
        $("#username_error").text('')
   }else if($(this).val().length<3){
    $("#username_error").text('*用户名不能小于三位数!')
   }else if($(this).val().length>8){
    $("#username_error").text('*用户名不能大于八位数!')
   }else{
    $("#username_error").text('')
   }
})

$('#password').on('input',function(){
    if($(this).val().length==0){
         $("#password_error").text('')
    }else if($(this).val().length<6){
     $("#password_error").text('*密码不能小于六位数!')
    }else{
     $("#password_error").text('')
    }
 })

 $('#qrpassword').on('input',function(){
    if($(this).val().length==0){
         $("#qrpassword_error").text('')
    }else if($(this).val().length<6){
     $("#qrpassword_error").text('*密码不能小于六位数!')
    }else{
     $("#qrpassword_error").text('')
    }
 })


 $('#code').on('input',function(){
    if($(this).val().length==0){
         $("#qrpassword_error").text('')
    }else if($(this).val().length<6){
     $("#qrpassword_error").text('*密码不能小于六位数!')
    }else{
     $("#qrpassword_error").text('')
    }
 })


function get_code(){
    $.get('/user/getcode',function(data){
       if(data.status==201){
        $(".code_data").text(data.code)
       }
    })
}


function submit (){
    if( $('#username').val()==''){
        $("#username_error").text('*用户名不能为空!')
    }
    if( $('#password').val()==''){
        $("#password_error").text('*密码不能为空!')
    }
    if( $('#qrpassword').val()==''){
        $("#qrpassword_error").text('确认密码不能为空!')
    }
    if( $('#code').val()==''){
        $("#code_error").text('*验证码不能为空!')
    }
    if ( $('#username').val()!='' &&$('#password').val()!='' && $('#qrpassword').val()!=''){
    
    let data = {
        "username":$("#username").val(),
        "password":$("#password").val(),
        "qrpassword":$("#qrpassword").val(),
        'code':$("#code").val()

    }
        $.post('/user/register',data,function(data){
         
            if(data.status==201){
                $("#alert").text(data.msg)
                $("#alert").addClass("alert-success")
                $('#alert').css('display','block');
                let timer = null;
                let num = 0 
                timer =  setTimeout(()=>{
                    $("#alert").text('')
                    $('#alert').css('display','none');
                    if(num>=2){
                        clearTimeout(timer)
                    }  
                    num++
                },2000)
            }else{
                $("#alert").text(data.msg)
                $("#alert").addClass("alert-danger")
                $('#alert').css('display','block');
                let timer = null;
                let num = 0 
                timer =  setTimeout(()=>{
                    $("#alert").text('')
                    $('#alert').css('display','none');
                    if(num>=2){
                        clearTimeout(timer)
                    }  
                    num++
                },2000)
            }
        })

    }





}